<html xmlns="http://www.w3.org/1999/xhtml"  
     xmlns:h="http://java.sun.com/jsf/html"      
      xmlns:f="http://java.sun.com/jsf/core"
     xmlns:p="http://primefaces.org/ui">  
 <h:head><title>Welcome to OTV_JSF_Spring_Hibernate_Project</title>
 <style type="text/css">
.ui-widget,
        .ui-widget .ui-widget {
               font-size: 12px !important;
              
         }

</style>
 </h:head>  
 <h:body>

<h:form>  
                  
    <p:mindmap value="#{mindmapBean.root}" style="width:100%;height:600px;border:1px solid black;">  
        <p:ajax event="select" listener="#{mindmapBean.onNodeSelect}" />  
        <p:ajax event="dblselect" listener="#{mindmapBean.onNodeDblselect}" update="output" oncomplete="PF('details').show()"/>  
    </p:mindmap>  
  
    <p:dialog widgetVar="details" header="Node Details" resizable="false" modal="true" showEffect="fade" hideEffect="fade">  
        <h:outputText id="output" value="#{mindmapBean.selectedNode.data}" />  
    </p:dialog>  
  
</h:form>  
</h:body>
</html>
                      